<template>
    <div>
      <Row>
        <Col span="24" class="title">{{title}}</Col>
        <div style="float: left;margin-right: 20px;" v-for="(item,index) in dataList" :key="'p'+index">
          <IconCard :item="item"></IconCard>
        </div>
      </Row>
    </div>
</template>

<script>
  import IconCard from './IconCard'
  export default {
    components: {IconCard},
    name: 'IconPanel',
    props: ['dataList', 'title'],
  }
</script>

<style scoped>

  .title{
    border-bottom: 1px solid #e4e3e3;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: 600;
  }
</style>
